forum

home / developersection / forums / how to bind (set) dropdownlist value and text using ng-options or ng-repeat angularjs

Ask Question

how to Bind (Set) Dropdownlist Value and Text using ng-Options or ng-Repeat Angularjs

Anonymous User 1858 17-Nov-2015
I want to bind Dropdownlist Value and Text using Angularjs . How to do this.
.net asp.net  angular js 
Updated on 17-Nov-2015
Anonymous User

Other

I am a content writter !

Follow Message
Can you answer this question?
Answer

1 Answers

Anonymous User

Anonymous User

17-Nov-2015 



<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AngularList.aspx.cs" Inherits="Forumasp.AngularList" %>


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" ng-app="UserApp">

<head runat="server">

    <title></title>

    <script src="Scripts/jquery-2.1.4.js"></script>

    <script src="Scripts/angular.min.js"></script>

    <script type="text/javascript">

        var app = angular.module('UserApp', []);

        app.controller("CntrUser", ['$scope', function ($scope) {

            $scope.items = [

                    { UserID: "PA011", UserName: "Pawan Shukla" },

                    { UserID: "SU210", UserName: "Suresh Kumar” },
                    { UserID: "MA320", UserName: "Manoj Kumar" }

            ];

        }]);

    </script>

</head>

<body>

    <div ng-controller="CntrUser">  
<br />
        <label>Select User:

   <select>

<option data-ng-repeat="t
in items" value="{{t.UserID}}">{{t.UserName}}</option>

</select>

  </label><br/>

    </div>

</body>

</html>

how to  Bind (Set) Dropdownlist Value and Text using ng-Options or ng-Repeat Angularjs

 

MindStick Training
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy